$transfer-prefix-cls: "#{$css-prefix}transfer-table";
$transfer-item-prefix-cls: "#{$css-prefix}transfer-table-list-content-item";

.#{$transfer-prefix-cls} {
  position: relative;
  line-height: $line-height-base;

  &-list{
    display: inline-block;
    // height: $max-height;
    font-size: $font-size-small;
    vertical-align: middle;
    position: relative;

    &-with-footer{
      // padding-bottom: 35px;
    }
    &-header {
      padding:$transferTable-list-header-padding;
      background: $head-bg;
      color: $text-color;
      border: 1px solid $border-color-base;
      border-bottom: 1px solid $border-color-split;
      border-radius: $border-radius-base $border-radius-base 0 0;
      overflow: hidden;
      position: absolute;
      top: $transferTable-list-header-top;
      left:$transferTable-list-header-left;
      width: $transferTable-list-header-width;
      z-index: 1;

      &-title{
        cursor: pointer;
      }

      & > span{
        padding-left: $transferTable-list-header-title-span-padding-left;
      }

      &-count {
        margin: 0 !important;
        float: right;
      }
    }

    &-body{
      border-top: none;
      border-radius: 0 0 $border-radius-base $border-radius-base;
      position: relative;
      overflow: hidden;
      z-index: 0;

      &-with-search{
          padding-top: $transferTable-list-body-with-search-padding-top;
      }
      &-with-footer{
          border-radius: 0;
      }
    }

    &-content{
      // height: 100%;
      // overflow: auto;
      height:auto;

      &-item{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

        & > span{
          padding-left: $transferTable-list-content-item-span-padding-left;
        }
      }

      &-not-found{
        display: none;
        text-align: center;
        color: $btn-disable-color;
      }
      &-not-found:only-child{
        display: block;
      }
    }
    &-data-not-found {
      text-align: center;
      color: $btn-disable-color;
    }
    &-body-with-search &-content{
        padding:$transferTable-list-body-with-search-content-padding;
    }

    &-body-search-wrapper{
      padding:$transferTable-list-body-with-wrapper-padding;
      position: absolute;
      top: $transferTable-list-body-with-wrapper-top;
      left: $transferTable-list-body-with-wrapper-left;
      right: $transferTable-list-body-with-wrapper-right;
      border-bottom: none;
      border-top: none;
      border: 1px solid $border-color-base;
    }

    &-search{
      position: relative;
    }

    &-footer{
      border: 1px solid $border-color-base;
      padding: $transferTable-list-footer-padding;
      border-top: none;
      border-radius: 0 0 $border-radius-base $border-radius-base;
      bottom: $transferTable-list-footer-bottom;
      left: $transferTable-list-footer-left;
      right: $transferTable-list-footer-right;
      // min-height: 35px;
      @include clearfix();
    }
  }
  &-list-with-title{
    padding-top: $transferTable-list-title-padding-top;
  }
  &-operation {
    display: inline-block;
    overflow: hidden;
    margin: $transferTable-list-operation-margin;
    vertical-align: middle;

    .#{$btn-prefix-cls} {
      display: block;
      min-width: $btn-circle-size-small;

      & {
        margin-bottom:$transferTable-list-operation-margin-bottom;
      }
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}
@include select-item($transfer-prefix-cls, $transfer-item-prefix-cls);

.#{$transfer-item-prefix-cls}:hover {
    background: transparent;
}
.sortable-parent li:hover {
  background: transparent;
}
.sortable-chosen {
  background: #fff!important;
}

.sortable-ghost {
  background: #f3f3f3!important;
}



